.list{
  padding: 30px;
  &-item{
    display: flex;
    padding: 20px 0;
    &-tips{
      font-size: 26px;
    }
    &-left{
      &-image{
        border-radius: 50%;
        width: 112px;
        height: 112px;
      }
    }
    &-right{
      position: relative;
      margin-left: 30px;
      width: 100%;
      border-bottom: 1px solid #ececec;
    }
    &-title{
      font-size: 34px;
      &-box{
        display: flex;
        justify-content: space-between;
      }
      &-right{
        position: absolute;
        right: 10px;
        top: 0px;
        width: 80px;
        height: 90px;
      }
    }
    &-subtitle{
      font-size: 26px;
      color: #ffc05c;
    }
    &-icon{
      text-align: right;
    }
    &-content{
      font-size: 26px;
      color:#bdbcbe;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
    }
  }
  &-item:last-child{
    .list-item-right{
      border:none;
    }
  }
}
.magin-5{
  margin: 5px 0;
}
.magin-bottom-30{
  margin-bottom: 30px;
}
